<html>
    <head>
        <#include "/${system}/component/html-head.ftl" />
    </head>
    <body id="blog">
        <#include "/${system}/component/head.ftl" />
        <!--mobile search input start -->
        <div class="am-show-sm-only am-u-sm-12 qing-sm-search">
            <form class="m-topbar-form am-topbar-right am-form-inline layui-form" lay-submit lay-filter="searchSM" role="search">
                <div class="am-form-group am-form-icon">
                    <i class="am-icon-search"></i>
                    <input id="search-sm" name="search" type="text" class="am-form-field am-form-field am-radius" placeholder="请输入要搜索的关键词" required lay-verify="required">
                </div>
            </form>
        </div>
        <!--mobile search input end -->
        <!-- content srart -->
        <div class="am-g am-g-fixed qing-fixed qing-container">
            <!-- 正文内容开始-->
            <div class="am-u-md-8 am-u-sm-12">
                <!-- 通知公告开始 -->
                <div id="qing-notice-cnt"></div>
                <!-- 通知公告结束 -->
                <!-- 图片轮播开始-->
                <div class="qing-slider" id="qing-lunbo"></div>
                <!-- 图片轮播结束-->
                <!-- 热门排行开始-->
                <div class="qing-hot-rank qing-margin-bottom" id="hot-rank-blogs"></div>
                <!-- 热门排行结束-->
                <!-- 博文列表 -->
                <div id="blog-list"></div>
                <div class="qing-page qing-margin-bottom">
                    <div id="blog-pager" class="qing-text-center"></div>
                </div>
            </div>
            <!--正文内容结束-->
            <!-- 侧边栏 开始-->
            <div class="am-u-md-4 am-u-sm-12" id="qing-left"></div>
            <!-- 侧边栏结束-->
        </div>
        <!-- content end -->
        <#include "/${system}/component/foot.ftl" />
        <script>
        layui.config({base:'${base}/${system}/js/'}).use('index');
        </script>
    </body>
</html>